<template>
  <!-- 白条统计的弹框 -->
  <u-popup :show="show">
    <view class="popup-bt">
      <view
        :class="btIndex == 1 ? 'bt-ac popup-bt-b' : 'popup-bt-b'"
        @click="btCheck(1)">
        {{ btList[1] }}
      </view>
      <view
        :class="btIndex == 2 ? 'bt-ac popup-bt-b16' : 'popup-bt-b16'"
        @click="btCheck(2)">
        {{ btList[2] }}
      </view>
      <view class="" @click="closeBtn">取消</view>
    </view>
  </u-popup>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: () => false,
    },
    btList: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      btIndex: 1,
    };
  },
  methods: {
    btCheck(k) {
      this.btIndex = k;
      this.$emit("popShowBtn", k);
    },
    closeBtn() {
      this.$emit("closeBtn", false);
    },
  },
};
</script>

<style lang="scss" scoped>
@import "@/config/com.scss";
</style>
